import bg from "@/assets/bg.png";
import TypeWriter from "@/components/TypeWriter";

function Cover() {
    
    const sentences = [
        "Hello, World!",
        "Welcome to my website!",
        "I am a web developer.",
        "I love coding."
    ]
    
    return (
        <>
            <div className="relative h-128 bg-cover bg-center" style={{
                backgroundImage: `url(${bg})`,
                userSelect: 'none'
            }}>
                {/* 打字效果 */}
                <div className="absolute inset-0 bg-black bg-opacity-30">
                </div>
                <TypeWriter sentences={sentences}/>
            </div>
        </>
    )
}

export default Cover;